<template>
  <div class="page-home">
    <!-- homepage -->
    <div class="home-entry">
      <div class="container">

        <home-category></home-category>
        <home-banner></home-banner>
        <!--  -->
      </div>
    </div>

    <!-- 新鲜好物模块 -->
    <!-- <home-new></home-new> -->
    <home-new></home-new>

    <!-- 人气推荐部分 -->

    <home-hot></home-hot>

    <!-- 热门品牌部分 -->
    <home-brand></home-brand>

    <!-- 商品区域 -->
    <home-product></home-product>

    <!-- 最新专题部分 -->
    <home-special></home-special>
  </div>
</template>

<script>
import HomeCategory from '@/views/home/components/home-category'
import HomeBanner from '@/views/home/components/home-banner'
import HomeNew from '@/views/home/components/home-new'
import HomeHot from '@/views/home/components/home-hot'
import HomeBrand from '@/views/home/components/home-brand'
import HomeProduct from '@/views/home/components/home-product'
import HomeSpecial from '@/views/home/components/home-special'
export default {
  name: 'My-Home',
  components: {
    HomeCategory,
    HomeBanner,
    HomeNew,
    HomeHot,
    HomeBrand,
    HomeProduct,
    HomeSpecial

  }
}
</script>

<style lang="less" scoped>

</style>
